<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/comm.css"/>
	</head>
	<body>
		<div class="container">
			<div class="row no-gutters mt-4">
				<div class="col-sm-12 col-lg-3">
					<a href="#"><img src="img/logo.png" ></a>
				</div>
				<div class="col-sm-12 col-lg-5 mt-sm-3 mt-lg-0">
					<div class="d-flex">
						<input type="text" placeholder="请输入您要搜索的内容" class="form-control font-sm border-primary rounded-0"/>
						<a href="#"><img src="img/search.png" ></a>
					</div>
				</div>
				<div class="col-sm-12 col-lg-4">
					<ul class="breadcrumb bg-transparent pt-lg-0 pl-sm-5 pl-lg-5">
						<li class="breadcrumb-item"><a href="#"><img src="img/care1.png" ></a></li>
						<li class="breadcrumb-item"><a href="#"><img src="img/order1.png" ></a></li>
						<li class="breadcrumb-item"><a href="#"><img src="img/shop_car1.png" ></a></li>
						<li class="breadcrumb-item"><a href="#" class="text-muted font-sm">注册</a></li>
						<li class="breadcrumb-item"><a href="#" class="text-muted font-sm">登录</a></li>
					</ul>
				</div>
				<div class="col-12">
					<ul class="nav">
						<li class="nav-item"><a href="#" class="text-muted nav-link">首页</a></li>
						<li class="nav-item"><a href="#" class="text-muted nav-link">学习用品</a></li>
						<li class="nav-item"><a href="#" class="text-muted nav-link">私人订制</a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</body>
</html>